草庐IT

Java lambda、无状态 lambda 和并行执行

全部标签

javascript - 我可以根据窗口大小执行 javascript 吗?

我有一个响应式网站,我在其中使用javascript创建一个粘性侧边栏。当浏览器大小小于768像素时,我还使用媒体查询从多列布局更改为单列布局。我需要弄清楚如何在单列布局中禁用粘性菜单脚本。本质上,我需要诸如脚本语句的媒体查询之类的东西。这是我用来启用脚本的代码:jQuery('#info').containedStickyScroll({duration:0,unstick:false});有什么我可以添加到它的东西,只在窗口宽度为768像素或更宽时触发它吗?编辑:我正在寻找一种解决方案,如果用户即时调整窗口大小,该解决方案将起作用。 最佳答案

javascript - 有没有办法一次执行所有 Modernizr 测试?

我是Modernizr的新手,我只是在寻找一种简单的方法来检查浏览器的整体兼容性。我已经生成了一个Modernizr脚本来仅测试我的Web应用程序中最重要的组件,它高度依赖于HTML5、CSS3和现代JavaScript方法。有没有办法同时运行所有这些测试?查看文档,我发现有很多方法可以逐一测试每个功能,但我没有看到一次完成所有测试的方法。我希望做这样的事情:伪代码if(Modernizr.testAll()){//Loadsite}else{//Redirecttocompatibilitypage} 最佳答案 事实证明,所有测试

javascript - 在客户端执行 jsx 转换

我正在构建一个允许用户构建和应用他们自己的组件和模板的应用程序。我想允许用户编辑jsx数据字符串,然后在客户端执行转换以进行渲染。虽然在inbrowsertransform对嵌入式脚本执行jsx转换,以及react-tools在服务器上可用,我无法确定如何使客户端可以使用转换功能。内联浏览器转换似乎没有提供任何访问方法,当我尝试在客户端上使用react-tools转换时,Atomify/Browserify崩溃。 最佳答案 JSXTransformer模块导出两个函数:transform将JSX源代码作为一个字符串并返回一个对象,该

javascript - AngularJS 范围直到在 ui 中执行某些操作后才会更新,比如单击具有函数的对象

当视口(viewport)小于或等于641px时,我试图将类添加到我的侧边栏,并且我必须在这种情况下观察窗口的宽度$scope.$watch(function(){return$window.innerWidth;},function(value){if(value它在第一次加载时登录,但是当我调整大小时,我必须在它再次触发之前进行一些点击。例如。我调整大小,然后单击具有ng-click行为的项目,这是唯一一次,它再次记录。我已经阅读了一些问题,这可能是由于$digest和$apply?谁能解开我的困惑。 最佳答案 需要触发摘要循环

javascript - 从 react 组件的数组类型状态属性中弹出的正确方法?

假设我有一个像这样的react组件:varMyComponent=React.createClass({getInitialState:function(){return{myStack:[]};},...pop:function(a){//anyconcise,elegantwaytopopfromarraytypestate?}}也许我可以写pop:function(){varclone=_.clone(this.state.myStack);clone.pop();this.setState({myStack:clone});}但它看起来很丑...我知道它可以工作,但是当我编写这

javascript - jquery 在执行之前的事件之前等待 for 循环完成

我有一个在点击事件时触发的函数。函数里面第一行是显示一个overlay,然后是一个for循环。我希望该函数首先显示叠加层,然后继续for循环。相反,只有在for循环完成后才会显示覆盖。这是jsFiddleLink$(document).on("click",function(){$("h1").text("Clicked");for(vari=0;i 最佳答案 View不会在同一个线程或同一个执行流程中更新。它将使用失效技术。这意味着View更新会推迟一段时间,这样我们就可以以最小的努力进行大量更新。javascript是单线程方式

javascript - Node.js:代码的哪些部分在异步调用后执行?

异步调用是javascript的固有部分,使用回调通常是处理这些调用的优雅工具。但是,我不太清楚异步操作后的代码分支是如何决定的。例如,以下代码会发生什么情况?functionf(callback){value=some_async_call();if(value){callback(value);}return(value);}这里会发生什么?根据我短暂的JS经验,return会发回一个undefined值。但是假设value从异步调用返回true,回调将被调用为正确的值还是undefined值?换句话说,是否有关于哪些操作在异步调用后立即执行,哪些操作延迟到返回值时执行的规则?在提

javascript - React - 对未安装的 JSX 行进行适当的状态管理?

我们有一个疯狂的DOM层次结构,我们一直在props中传递JSX,而不是嵌入子元素。我们希望基类管理显示哪些子文档,以及将哪些子文档停靠或附加到其关联文档窗口的顶部。List(疯狂的物理学将内联样式写入基类包装器)自定义表单(将JSX行传递给基类)基类(连接到列表)自定义表单(将JSX行传递给基类)基类(连接到列表)问题是我们正在传递深度嵌套的JSX,状态管理/访问表单中的引用是一场噩梦。我不想每次都重新声明每一行,因为这些行在基类中附加了附加状态,基类需要知道哪些行实际发生了变化。如果我不重新声明行,这很容易。我不知道如何实际处理自定义表单中的JSX行。Refs只能附加在render

javascript - 在外部函数中设置状态/使用状态 react

考虑这个伪代码:component.js...import{someFunc}from"./common_functions.js"exportdefaultclassMyCompextendsComponent{constructor(props){super(props);this.someFunc=someFunc.bind(this);this.state={...};}_anotherFunc=()=>{....this.someFunc();}render(){...}}common_functions.jsexportfunctionsomeFunc(){if(this.

javascript - 防止将重复对象添加到状态 react redux

我有一个关于防止将重复项添加到我的redux存储的问题。它应该是直截了当的,但出于某种原因,我尝试的任何事情都没有奏效。exportconsteventReducer=(state=[],action)=>{switch(action.type){case"ADD_EVENT":return[...state,action.event].filter(ev=>{if(ev.event_id!==action.event.event_id){returnev;}});default:returnstate;}};action看起来像下面这样:{type:"ADD_EVENT",event